草庐IT

Foundation 模态框

全部标签

javascript - SammyJS json 商店演示 - 如何创建模态产品弹出窗口?

有没有人有一个例子可以让SammyJSjson商店演示的产品详细信息显示在像FancyBox这样的模态插件中??这是来自json存储的代码块-我需要做什么才能在模型中呈现它FancyBox?this.get('#/item/:id',function(context){this.item=this.items[this.params['id']];if(!this.item){returnthis.notFound();}this.partial('templates/item_detail.template');}); 最佳答案

javascript - Jquery 模态对话框禁用滚动条

正如您在此链接中看到的,http://jsbin.com/ozapol/9,Jquery在某些版本的IE和最新版本的chrome上禁用滚动条。(我还没有尝试任何其他...)有没有办法让滚动条保持启用状态,以便能够在很长的对话框中滚动?谢谢!再见InternetExplorer的不错解决方案(感谢jk。)html{overflow-y:scroll}Chrome的残酷解决方法(感谢jk。)在Chrome上,JqueryUI劫持滚动条上的鼠标事件。这看起来像是上面链接中提到的错误。为了删除这些绑定(bind),您必须取消绑定(bind)事件每次创建模态对话框时:$("#longdialog

使用 Team Foundation Server Build 进行 JavaScript 单元测试

我们使用的是TeamFoundationServer2010,我们使用Jasmine在本地机器上运行了一些JavaScript单元测试。.我们正在使用基于工作流程的构建。有没有人在构建期间成功运行Jasmine测试?如果Jasmine测试失败,您可以中断构建吗? 最佳答案 我看到的方法是使用CodePlex上可用的ChutzpahTestRunner:http://chutzpah.codeplex.com/这允许您从命令行运行Jasmine/QUnit测试,然后可以使用InvokeProcess事件轻松地将其与TFSBuild集成

javascript - 如何在 Chrome 中以编程方式切换 Zurb Foundation 开关控件?

我想使用javascript动态切换ZurbFoundationSwitch控件的状态。这是默认的ZurbFondation开关:OffOn演示here.它们基于thisproject,我相信。当我尝试使用jquery更改开关的状态时:$('#d1').attr('checked','checked');$('#d').removeAttr('checked');//SwitchON$('#d').attr('checked','checked');$('#d1').removeAttr('checked');//SwitchOFF它在Firefox中有效,但在Chrome中无效。在C

javascript - 模态是 bootstrap4 alpha6 模态的转换错误

我正在使用bootstrap4alpha6Modal,我得到:Error:Modalistransitioning当我尝试通过JavaScript函数再次使用动态数据重新触发相同模式时会发生这种情况,如下所示:functionopenModal(title,text){$('.modal-title').text(title);$('.modal-bodyp').text(text);$('#modalAlert').modal('show');}我尝试使用setTimeout函数,但没有像本文中那样工作:https://github.com/twbs/bootstrap/issues

javascript - ionic 模态不显示

我的ionic模态视图不会显示。屏幕会以某种方式变灰,但不会显示模态。请问这是怎么回事这是我的代码:原图:ContactInfo{{contact.name}}{{contact.info}}模态:EditContactNameInfoDoneController:.controller('DashCtrl',function($scope,$ionicModal){$scope.contact={name:'MittensCat',info:'Tapanywhereonthecardtoopenthemodal'}$ionicModal.fromTemplateUrl('templa

javascript - 延迟链接 Twitter Bootstrap 模态 ('hide' )

我正在显示一个简单的Bootstrap模态,底部有一个“结帐”按钮。点击我想要的按钮:关闭模式,例如$('#myModal').modal('隐藏')等到动画结束将window.location.href更改为我的“checkout”页面。如果不立即运行下一个函数,我似乎无法找到一种链接方式,例如$('#myModal').modal('hide').each(function(){window.location.href='/checkout';});或者我认为delay()可能会有所帮助,例如$('#myModal').modal('hide').delay(1000).each(

javascript - 基于 JavaScript 的模态/弹出服务(如 KissInsights 和 Hello Bar)如何工作?

我正在为我的用户开发一个模态/弹出系统以嵌入他们的网站,按照KissInsights的思路和HelloBar(例如here和here)。构建这样的服务的最佳实践是什么?看起来用户嵌入了一些JS,但该代码随后插入了额外的脚本标签。我想知道它如何与网络服务通信以获取用户的内容等。TIA 最佳答案 您是对的,通常这只是客户嵌入其网站的脚本。然而,接下来的事情就有点复杂了。1。嵌入脚本如上所述,第一步是在目标页面上有一个脚本。本质上,这个脚本只是一段JavaScript代码。它与您自己页面上的内容非常相似。此脚本应在您希望显示的客户页面上生

javascript - 打开时更改 Bootstrap 模态背景设置

我正在尝试将我的模式的背景设置更改为“静态”作为对事件的响应,以便它变得不可关闭。我通过设置$('#myModal').modal({backdrop:'static',keyboard:false})在点击模式内的按钮后尝试了这个,但没有运气。我想要的效果和nakupanda'sbootstrap-dialog的效果差不多(请参阅ManipulatingButtons部分,当dialog.setClosable(true);在点击“Clicktodisableandspin”按钮时被触发时,模态不再可关闭)请看这个jsfiddle.我知道这个问题已经被问过here但它没有正确的答案。

javascript - 使用 Bootstrap 模态 : bad line 的问题

我在我的网站上创建了一个打开模式的登录按钮。B/c我必须通过AJAX加载它的内容,我使用bootbox初始化一个。然后我将内容加载到我的模态中。但是应该在页脚顶部的线在中间。如果我尝试使用Firefox的开发工具复制最终的html,itworks.如果我取消链接所有样式表但bootstwatch的主题,同样的问题。这是js:$('#login').click(function(event){event.preventDefault();bootbox.dialog({message:'',title:"Pleaselogin",buttons:{'cancel':{label:'can